<script>
export default {
    name:'player',
    data(){
        return{
            content:'',
            onCancel:null
        }
    },
    methods:{
        remove(){
             this.$el.parentNode.removeChild(this.$el);
        }
    }
}
</script>
<template>
    <div class="player"
    >
        <div class="player-content" v-html="content"></div>
        <div class="close"
        @click="remove"
        >关闭</div>
    </div>
</template>
<style lang="stylus" scoped>
    .player
        position fixed
        top 20px
        right 0
        z-index 99
        .close
            position absolute
            top 0
            right 0
            background #000
            color #fff
            cursor pointer
            font-size 12px
            padding 0 10px
            border-radius 4px
            opacity 0
        &:hover>.close 
            opacity .5
</style>


